<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=XZ-Z&nickName=星座测算-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>占星解读</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        .bzjp_zf_container{padding-bottom:1.2rem;background: #FFF2B8;}
        .xzcs_bg{padding:0.2rem;background-color:#5994EB;}
       .bzjp_zf_top{
           background-color:#ffffff;
           /* background:url('__PUBLIC__/images/xzcs_img/img_bannerbg.png') no-repeat; */
           background-size:100% 100%;
           position: relative;
       }
       .bzjp_zf_top .boss-img {
           position: absolute;
           top: .5rem;
           display: block;
           right: 0.2rem;
           width: 2rem;
           height: auto;
       }

       .redColor{color:#f73232;font-size:0.3rem;font-weight: 600;}
       .bzjp_zf_content{
           width:60%;
           padding-top:0.5rem;
           margin-left:0.4rem;
       }
       .bzjp_color{color:#f73232;}
       .bzjp_zf_content p{font-size:0.28rem;color:#333333;}
       .bzjp_zf_content p:nth-child(3){font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
       .ljck_btn{
           background-color:#EB5959;
           font-size:0.36rem;
           color:#FFF2B6;
           text-align: center;
           border-radius: 0.1rem;
           height:0.8rem;
           box-shadow: 0 2px #B81F1F;
           line-height: 0.8rem;
           width:70%;
           margin:0 auto;
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}
        .bzjp_zf_center{background-color:#ffffff;}
        .bzjp_zf_center_bg{
            background:url('__PUBLIC__/images/xzcs_img/xzcs_bg.png') no-repeat;
            background-size:100% 100%;
            box-sizing: content-box;
            background-color:#ffffff;
            height:8.84rem;
            color:#333333;
            text-align: center;
            position: relative;
        }
        .bzjp_zf_center_title{padding-top:0.4rem;font-size:0.48rem;}
        .bzjp_zf_center_lineNum{font-size:0.27rem;padding-top:0.3rem;padding-bottom: 0.4rem;}
        .bzjp_zf_center_bg .zf_line{width:80%;margin:0 auto;font-size:0.27rem;text-align:center;margin-bottom: 0.1rem;line-height: 0.5rem;}
        .bzjp_zf_center_bg .J_btn{width:75%;margin:0.7rem auto 0;}
        .bzjp_zf_center_bg .J_btn img{vertical-align: middle;}
        .bzjp_zf_center_foot{font-size:0.28rem;color:#000000;position: absolute;width:100%;bottom:0.3rem;}
        
        .img_list_t{padding:0.3rem 0;text-align: center;}
        .img_list_t::before{
            content:'';
            width:5.97rem;
            height:0.34rem;
            display: inline-block;
            background:url('__PUBLIC__/images/xzcs_img/zf_title.png') no-repeat;
            background-size:100% 100%;
        }
        .img_ul{list-style: none;padding:0 0.2rem 0.2rem;}
        .img_ul li{padding-bottom: 0.1rem;}
        .img_ul li:nth-last-child(1){padding-bottom: 0;}
        .img_ul li img{vertical-align: middle;border-radius: 0.1rem;}

        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
        #qrcode img{
            margin:0 auto;
        }
    </style>
    <style>
    
            .vivo-wrap {
                    display: flex;
                    flex-flow: column nowrap;
                    align-items: center;
                }
        
                .img.img1 {
                    width: 100%;
                    height: 7.74rem;
                    background: url('__PUBLIC__/images/vivo/yy/z/dingbu.png') no-repeat center center;
                    background-size: 100%;
                }
        
                .img.img2 {
                    width: 100%;
                    height: 8.54rem;
                    background: url('__PUBLIC__/images/vivo/xz/z/dingbu.png') no-repeat center center;
                    background-size: 100%;
                    padding: 5rem 1rem 0;
                    box-sizing: border-box;
                }
        
                .img.img3 {
                    width: 100%;
                    height: 8.29rem;
                    background: url('__PUBLIC__/images/vivo/xz/z/zhongjian.png') no-repeat center center;
                    background-size: 100%;
                }
                .img.img4 {
                    width: 100%;
                    height: 8.10rem;
                    background: url('__PUBLIC__/images/vivo/xz/z/dibu.png') no-repeat center center;
                    background-size: 100%;
                }
        
        
                .img.img2 .row1{
                    display: flex;
                    height: .8rem;
                    align-items: center;
                    justify-content: space-between;
                }
                .img.img2 .row1 .op{
                    font-size: .28rem;
                    color: #ffffff;
                    text-decoration: line-through;
                    opacity: 0.96;
                    color: #a25a56;
                }
                .img.img2 .row1 .tt{
                    font-size: .30rem;
                    line-height: 1.05rem;
                    color: #ffffff;
                }
                .img.img2 .row2{
                    display: flex;
                    height: .8rem;
                    align-items: center;
                    justify-content: space-between;
                    margin: .1rem 0;
                }
                .img.img2 .row2 .ttt{
                    width: 1.8rem;
            height: .5rem;
            background-color: #FD5757;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .36rem;
            margin-right: 0.2rem;
                }
                .img.img2 .row2 .np{
            font-size: .34rem;
            font-weight: bold;
            line-height: 1.05rem;
            color: #ffffff;
            margin-right: auto;
                }
                .img.img2 .row2 .td{
            font-size: .32rem;
            line-height: 1.05rem;
        
            color: #ff2400;
                }
                .ljck_btn.J_payShow.J_btn {
                    width: 6.28rem;
                    height: 1.03rem;
                    background-color: #1aac29;
                    border-radius: 0.1rem;
                    font-size: .37rem;
                    box-shadow: none;
                    color: #fff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 0.3rem;
                    margin-left: -0.4rem;

                }
        
            </style>
</head>
<body>
        <div class="vivo-wrap">
                <div class="img img2">
                    <div class="row1">
                        <!--<div class="op">原价：48元</div>-->
                        <div class="tt">距离优惠结束</div>

                    </div>
                    <div class="row2">
                        <div class="ttt">限时优惠</div>
                        <div class="np"><!--{$Think.cookie.priceName}--></div>
                        <div class="td" id="timestr">01:59:59</div>
                    </div>
                    <div class="ljck_btn J_payShow J_btn">立即查看</div>
                </div>
                <div class="img img3"></div>
            </div>



    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <!--<div id="qrcode"></div>-->
                <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <include file="Public/qudao135zhifu"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                ispress = false;
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Xzcs/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }

        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        $('.bzjp_zf_fiexd_btn').on('click',function(){//悬浮付费解锁所有项
            $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'XZ'},function(data){//悬浮点击统计
            });
            publicPayPopup();
        })
        $('.J_btn').on('click',function(){//解锁查看内容
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'XZ'},function(data){//解锁查看统计
            });
            publicPayPopup();
        })
        $('.ljck_btn').on('click',function(){//立即查看
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'XZ'},function(data){//立即查看统计
            });
            publicPayPopup();
        })

        function publicPayPopup(){
            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();
            if (wxlogin == 1) {
                $(".weixinzf").click();
            }else{
                $('#publicPayPopup').css('display','block');
            }
        }


        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })

        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);


            $(".weixinzf").on('click',function(){
                WeixinJSBridge.invoke(
                        'getBrandWCPayRequest', {
                            "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                            "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                            "nonceStr":"<!--{$nonceStr}-->", //随机串
                            "package":"<!--{$package}-->",
                            "signType":"<!--{$signType}-->",         //微信签名方式：
                            "paySign":"<!--{$paySign}-->" //微信签名
                        },
                        function(res){
                            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                location.href="<!--{:U('Xzcs/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                        }
                );
            });

    </script>
</body>
</html>